<style scoped>
.expand-row{
  margin-bottom: 16px;
}
.expand-key{
  color: #409eff;
  font-weight: bold;
}
.expand-value{
  color: #5d6c7b;
  font-size: 20px;
  font-weight: bold;
}
</style>
<template>
  <div>

    <Row class="expand-row">
      <Col span="4">
        <span class="expand-key">闭眼次数: </span>
        <span class="expand-value">{{ row.eyeCount }}</span>
      </Col>
      <Col span="4">
        <span class="expand-key">打哈欠次数: </span>
        <span class="expand-value">{{ row.yawnCount }}</span>
      </Col>
      <Col span="4">
        <span class="expand-key">注意力不集中次数: </span>
        <span class="expand-value">{{ row.distractCount }}</span>
      </Col>
      <Col span="4">
        <span class="expand-key">打电话次数: </span>
        <span class="expand-value">{{ row.phoneCount }}</span>
      </Col>
      <Col span="4">
        <span class="expand-key">吸烟次数: </span>
        <span class="expand-value">{{ row.smokeCount }}</span>
      </Col>
      <Col span="4">
        <span class="expand-key">吃东西次数: </span>
        <span class="expand-value">{{ row.eatCount }}</span>
      </Col>
    </Row>
    <Row>

    </Row>
  </div>
</template>
<script>
export default {
  props: {
    row: Object
  }
};
</script>
